html
  position relative
  min-height 100%

body
  margin 0 0 54px 
  font-family 'Microsoft Yahei', sans-serif
  font-size 16px
  background url('../img/b-全局.png') no-repeat
  background-size contain

a
  text-decoration none
  color black

input
button
  outline none
  padding 0

textarea
  outline none
  font-family inherit
  resize vertical
  max-height 240px

.m-nav-a
  .item
    color white
    margin-right 22px
    position relative
    cursor pointer
    display inline-block
    height 42px
    line-height @height
    &.kw
      margin-right 20px
    &.collect
      margin-right 8px
    &.usr
      padding 0 20px
      &:hover
        background #4895d1
        border-radius 4px 4px 0 0
  .drop
    position absolute
    top 42px
    left 0
    right 0
    background #4895d1
    padding 0 16px
    border-radius 0 0 4px 4px
    display none
    a
      display block
      color white
      border-bottom 1px solid #8ab4d9
      font-size 14px
    a:last-child
      border-bottom 0
  .item:hover>.drop
    display block

.m-page-bg
  position absolute
  top 250px
  left 0
  right 0
  bottom 0
  background url('../img/b-登录.png') no-repeat
  background-position center top

label.star
  display inline-block
  cursor pointer
  input
    display none
    :checked~.i
      background url(../img/i-fstar.png)
    &.active ~ .i
      background url(../img/i-fstar.png)

label.checkbox
  display inline-block
  input
    display none
  .img
    height 18px
    width 18px
    display inline-block
    vertical-align text-bottom
    background url(../img/i-unchecked.png)
  :checked ~ .img
    background url(../img/i-checked.png)
  .cont
    font-size 14px
    display inline-block
    cursor pointer

label.radio
  cursor pointer
  input
    display none

label.radio.tab
  float left
  .cont
    color #333333
    width 140px
    height 38px
    box-sizing border-box
    border-right 1px solid #eaeaea
    line-height 36px
    font-size 14px
    text-align center
  :checked ~ .cont
    color #22a4e0
    border-bottom 2px solid #22a4e0

label.radio.lab
  font-size 14px
  display inline-block
  margin 0 6px
  .cont
    color #999999
  :checked ~ .cont
    color #22a4e0

label.radio.lst
  font-size 14px
  display block
  line-height 28px
  .cont
    color #2d2d2d
    width 160px
    overflow hidden
    white-space nowrap
    text-overflow ellipsis
    &:before
      content ''
      display inline-block
      width 5px
      height 16px
      border-radius 3px
      margin-right 4px
      vertical-align -3px
  :checked ~ .cont
    color #346bdb
    &:before
      background @color

.m-topic-item
  width 291px
  height 407px
  float left
  border 1px solid #d3d3d3
  border-radius 4px
  margin-right 9px
  background white
  &:nth-child(4n)
    margin-right 0
  >.head
    height 60px
    border-bottom @border
    padding 17px 16px
    box-sizing border-box
    position relative
    >.title
      float left
      font-size 18px
      width 170px
      white-space nowrap
      text-overflow ellipsis
      overflow hidden
      label.checkbox
        cursor pointer
        .img
          margin-right 10px
          display none
          float left
          margin-top 5px
        .title
          width 170px
          white-space nowrap
          text-overflow ellipsis
          overflow hidden
          float left
    >.closeBtn
      position absolute
      display none
      width 30px
      height 30px
      top -11px
      right -11px
      cursor pointer
      background url(../img/x.png)
    >.num
      float right
      font-size 14px
      margin-top 6px
      >.hl
        color #ff3131
        width: 46px
        overflow: hidden
        white-space nowrap
        text-overflow ellipsis
        display inline-block
        vertical-align: top

  >.body
    padding 14px 17px 0
    >.desp
      font-size 14px
      line-height 26px
      height @line-height * 4
      overflow hidden
      margin-bottom 18px
    >.line
      font-size 14px
      overflow hidden
      line-height 25px
      margin-bottom 16px
      >.num
        float left
        width 25px
        height 25px
        border-radius 4px
        color #7c7c7c
        margin-right 8px
        text-align center
        &.active
          background #4995d1
          color white
      >.cont
        float left
        width 224px
        white-space nowrap
        text-overflow ellipsis
        overflow hidden
  &:hover>.head>.closeBtn
    display block

.m-page-topiclib.share .m-topic-item
.m-page-topiclib.rmall .m-topic-item
.m-topic-item.active
  >.head
    >.title
      label.checkbox
        .img
          display block
        .title
          width 142px
    >.over
      display none
.m-pagenum
  text-align center
  a.sunAll
    border none
    color #484747
    font-size 12px
  a
    height 34px
    line-height @height
    color #346bdb
    border 1px solid @color
    margin 0 8px
    display inline-block
    text-align center
    border-radius 3px
  a.active
    color #313233
    border-color #eaeaea
    cursor default
  a.num
    width 34px
  a.next
    width 82px

.m-foot
  position absolute
  left 0
  right 0
  bottom 0
  height 54px
  line-height @height
  text-align center
  font-size 14px
  color #838383

.i
  width 18px
  height 18px
  display inline-block
  vertical-align text-bottom
  margin-right 3px
  for i in list yq bw kw user add oput rm addl yes ryes no edit star orm ostar close addusr links wyes share dw dwo cw
    &.{i}
      background-image 'url(../img/i-%s.png)' % i
  &.yq
    background-repeat no-repeat
    background-position bottom
  &.bw
    background-repeat no-repeat
    background-position: center
form.searchbox
  width 708px
  margin 0 auto 120px
  overflow hidden
  position relative
  >input
    float left
    border 1px solid #346bdb
    background white
    width 584px
    height 57px
    text-indent 18px
    border-top-left-radius 4px
    border-bottom-left-radius 4px
  ::-webkit-input-placeholder
    color #b2b2b2
  >button
    float left
    font-size 16px
    color white
    width 122px
    height 59px
    border 0
    background #346bdb
    border-top-right-radius 4px
    border-bottom-right-radius 4px
    cursor pointer
  >a
    position absolute
    font-size 14px
    color #346bdb
    right 145px
    line-height 59px
    text-decoration underline

.m-formline
  margin-bottom 20px
  clear both
  &:after
    content ''
    clear both
    display block
  .label
    float left
    line-height 30px
    text-align right
    box-sizing border-box
    padding-right 16px
    width 100px
    color #333333
    font-size 14px
  .m-text
    float left
    width 200px
  ::-webkit-input-placeholder
    color #cccccc

.m-fwin
  position fixed
  top 0
  left 0
  right 0
  bottom 0
  background rgba(0,0,0,.5)
  display none
  .fwin
    background white
    width 400px
    position absolute
    top 50%
    left 50%
    transform translate(-50%, -50%)
    color #333333
    border-radius 4px
    >.head
      height 50px
      box-sizing border-box
      border-bottom 1px solid #eaeaea
      padding 16px 20px
      >.title
        float left
      >.i
        float right
        cursor pointer
    >.body
      padding 39px 50px
      >.msg
        text-align center

.m-btn
  height 30px
  box-sizing border-box
  border 0
  color white
  border-radius 4px
  font-size 12px
  cursor pointer
  &.primary
    background #22a4e0
  &.normal
    color #22a4e0
    background white
    border 1px solid @color

.m-text
  border 1px solid #22a4e0
  line-height 28px
  padding 0 9px
  box-sizing border-box
  border-radius 4px
  width 100%

.m-btns
  overflow hidden
  margin-top 40px
  button
    width 134px
    float left
  .primary
    margin-right 30px

.m-fwin-passwd
  .forget
    float right
    color #999999
    font-size 12px
    margin -17px 0 6px

.m-selector
  position relative
  >.drop
    position absolute
    left 0
    right 0
    top 30px
    border 1px solid #22a4e0
    border-top 0
    display none
    background white
    z-index 10
    border-radius 0 0 4px 4px
    .item
      font-size 12px
      padding 6px 14px
      line-height 16px
      box-sizing border-box
      cursor pointer
      &:hover
        background #22a4e0
        color white
  [type=text]
    background url(../img/bg-drop.png) no-repeat
    background-position right 10px center
    cursor pointer
    padding-right 30px
  [type=text]:focus
    border-radius 4px 4px 0 0
  [type=text]:focus + .drop
    display block


/*2017 09 14*/
.m-lnav
  display table-cell
  width 203px
  border-right 1px solid #eaeaea
  vertical-align top
  padding-top 22px
  position relative
  >.x-city
    height 800px
    width 150px
    overflow-y auto
    overflow-x hidden
    position relative
    &::-webkit-scrollbar
      width 5px
      height 16px
      background-color #f5f5f5
    &::-webkit-scrollbar-track
      -webkit-box-shadow inset 0 0 6px rgba(52,107,219,.3)
      border-radius 10px
      background-color #f5f5f5
    &::-webkit-scrollbar-thumb
      height 20px
      border-radius 10px
      -webkit-box-shadow inset 0 0 6px rgba(52,107,219,.3)
      background-color #346bdb
    >.x-xont
      color #346bdb
      width 160px
      &:before
        display inline-block
        content ""
        width 5px
        background #346bdb
        height 16px
        border-radius 3px
        margin-right 4px
        vertical-align -3px
      >.x-list
        text-indent 10px
        margin 10px 0
        display none
        >a
          display block
          line-height 26px
          font-size 14px
          &.active
            color #346bdb
  >.x-dn
    position absolute
    right 25px
    top 96px
    >a
      display block
      color #999999
      margin-bottom 12px
      font-size 14px
      &.active
        background #346bdb
        width 14px
        height 14px
        line-height 14px
        text-align center
        color #ffffff
  >.title
    font-size 16px
    color #333333
    margin-bottom 24px
    span 
      display inline-block
      width 18px
      height 18px
      border-radius 50%
      text-align center
      line-height 18px
      border 1px solid #346bdb
      color #346bdb
      margin-left 14px
      cursor pointer
  >.listove
    height 280px
    overflow-y auto
    padding 0 14px !important
    margin-top 16px
    &::-webkit-scrollbar
      width 3px
    &::-webkit-scrollbar-track  
        -webkit-box-shadow inset 0 0 6px rgba(0,0,0,0.3)  
        border-radius 10px;  
        background-color #F5F5F5 
    &::-webkit-scrollbar-thumb  
        border-radius 10px 
        -webkit-box-shadow inset 0 0 6px rgba(0,0,0,.3)  
        background-color #346bdb
  .add-btn
        height 15px
        background url(../img/add.png) no-repeat
        width 15px
        background-size contain
        float right
        margin 15px 10px
        cursor pointer
  >.group
    width 192px
    border-bottom 1px dashed #d9d9d9
    padding 16px 14px
    box-sizing border-box
    &:last-child
      border-bottom 0
  label.radio.seltime
    cursor default
    .cont
      margin-bottom 12px
      cursor pointer
    .block
      color #346bdb
      font-size 12px
      display none
      input
        display block
        border 1px solid @color
        line-height 23px
        width 152px
        padding-left 8px
        border-radius 4px
      .to
        text-align center
      .btns
        margin-top 10px
        button
          cursor pointer
          line-height 23px
          border 1px solid @color
          background white
          color @color
          border-radius 4px
          width 75px
          &.main
            background @color
            color white
            margin-right 10px
    :checked ~ .block
      display block  
.clearfix:after
  content ""
  display block
  width 0
  height 0
  clear both

/*2017 09 15 弹框*/
.x-model
  position fixed
  left 0
  right 0
  top 0
  bottom 0
  background rgba(0,0,0,0.5)
  z-index 111
  >.model
    position absolute
    left 50%
    top 50%
    width 400px
    min-height 210px
    background #ffffff
    border-radius 4px
    transform translate(-50%,-50%)
    >.head
      position relative
      >.title
        height 50px
        border-bottom 1px solid #eaeaea
        line-height 50px
        padding 0 20px
      >img 
        position absolute
        right 20px
        top 18px

    >.mian
      text-align center
      >p
        margin 0
        padding 0
        font-size 16px
        &.del-info
          margin 40px 0
        &.add-info
          margin-bottom 20px
          margin-top 30px
        &.c-info
          margin-bottom 40px
          >input
            width 200px
            height 30px
            box-sizing border-box
            border 1px solid #5ebde8
            border-radius 4px
            padding-left 14px
        &.message
          margin-top 25px
          margin-bottom 2px
        &.webname,
        &.weburl
          font-size 0
          span
            display inline-block
            width 60px
            text-align right
            font-size 14px
            margin-right 15px
          input
            width 200px
            box-sizing border-box
            height 30px
            padding-left 15px
            border-radius 3px
            outline none
            border 1px solid #5ebde8
        &.webname
          margin-top 30px
          margin-bottom 20px
        &.weburl
          margin-bottom 45px

    >.foot
      text-align center
      padding-bottom 30px
      >button
        width 135px
        height 30px
        border none 
        outline none 
        border-radius 3px
        margin 0 5px
        &.sure,
        &.msg
          color #ffffff
          background #22a4e0
        &.canel
          color #5ebde8
          border 1px solid #5ebde8
          background #ffffff
        &.msg
          margin-top 30px
        
